
 /* 布局 */
 .site-menu,
 .site-content{min-height: 950px;background-color: #fff;}
 .site-menu{box-shadow: none; border-left: none;}
 .site-content{padding:  15px;}
 /* 文档 */
 .site-fix{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: hidden;  background-color: #fff;}
 .site-fix:hover{overflow-y: auto; overflow-x: hidden;}
 .site-menu .layui-menu-body-title .layui-font-gray{padding-left: 10px;}
 .site-menu .layui-menu-body-title .layui-badge-dot{left: 10px;}
 
 .markdown-toc {
  position: fixed;
  top:60px;
  right: 20px;
  width: 300px;
  padding: 5px;
  max-height: 70%;
  overflow-y: auto;
  background-color: #fff;
  padding-bottom: 10px;
}

.markdown-toc li{
  list-style: none!important;
}

/* desert scheme ported from vim to google prettify */
pre.prettyprint {
  display: block;
  background-color: #333;
  padding: 5px;
}

pre .nocode {
  background-color: none;
  color: #000
}

pre .str {
  color: #ffa0a0
}

/* string  - pink */
pre .kwd {
  color: #f0e68c;
  
}

pre .com {
  color: #87ceeb
}

/* comment - skyblue */
pre .typ {
  color: #98fb98
}

/* type    - lightgreen */
pre .lit {
  color: #cd5c5c
}

/* literal - darkred */
pre .pun {
  color: #fff
}

/* punctuation */
pre .pln {
  color: #fff
}

/* plaintext */
pre .tag {
  color: #f0e68c;

}

/* html/xml tag    - lightyellow */
pre .atn {
  color: #bdb76b;
  
}

/* attribute name  - khaki */
pre .atv {
  color: #ffa0a0
}

/* attribute value - pink */
pre .dec {
  color: #98fb98
}

/* decimal         - lightgreen */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #AEAEAE
}

/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none
}

@media print {
  pre.prettyprint {
      background-color: none
  }

  pre .str,
  code .str {
      color: #060
  }

  pre .kwd,
  code .kwd {
      color: #006;
      
  }

  pre .com,
  code .com {
      color: #600;
      font-style: italic
  }

  pre .typ,
  code .typ {
      color: #404;
      
  }

  pre .lit,
  code .lit {
      color: #044
  }

  pre .pun,
  code .pun {
      color: #440
  }

  pre .pln,
  code .pln {
      color: #000
  }

  pre .tag,
  code .tag {
      color: #006;
      
  }

  pre .atn,
  code .atn {
      color: #404
  }

  pre .atv,
  code .atv {
      color: #060
  }
}

pre li {
  list-style: none !important;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: decimal !important;
}

pre{
  overflow-x: scroll;
}

 @media screen and (max-width: 992px) {
   .site-menu{position: fixed; top: 0; bottom: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; z-index: 1000; left: -300px; background-color: #fff;  transition: all .3s;}
   .site-tree-mobile{display: block!important; position: fixed; z-index: 16666669; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: #009688; color: #fff;}
   .site-home .site-tree-mobile{display: none!important;}
   .site-mobile .site-tree-mobile{display: none !important;}
   .site-mobile .site-menu{left: 0;}
   .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
   .site-tree-mobile i{font-size: 20px;}
   .site-content{width: 100%; padding: 0; overflow-y: scroll;}
   .site-content img{max-width: 100%;}
   .markdown-toc {
    display: none!important;
  }
 
 }
 
